import type { Link } from '@/components/Links/index.ts'

/** 入口组件Ts **/
export interface EntrantConfigType {
    title: string
    intro: string
    image: string
    paddingTop: number
    paddingBottom: number
    marginTop: number
    marginBottom: number
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    titleColor: string
    introColor: string
}

export interface EntrantDataType {
    name: string
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    borderColor: string
    textColor: string
    isLogin: boolean
    isEnable: boolean
    link: Partial<Link>
}

/** 能力组件Ts **/
export interface FacultyConfigType {
    title: string
    intro: string
    paddingTop: number
    paddingBottom: number
    marginTop: number
    marginBottom: number
    headerBottom: number
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    titleColor: string
    introColor: string
}

export interface FacultyDataType {
    img: string
    icon: string
    name: string
    desc: string
    more: string
    nameColor: string
    descColor: string
    moreColor: string
    bgColor: string
    isLogin: boolean
    isEnable: boolean
    link: Partial<Link>
}

/** 优势组件Ts **/
export interface FeatureConfigType {
    title: string
    intro: string
    rows: string,
    paddingTop: number
    paddingBottom: number
    marginTop: number
    marginBottom: number
    headerBottom: number
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    titleColor: string
    introColor: string
}

export interface FeatureDataType {
    icon: string
    name: string
    desc: string
    more: string
    nameColor: string
    descColor: string
    moreColor: string
    bgColor: string
    isLogin: boolean
    isEnable: boolean
    link: Partial<Link>
}

/** 概述组件Ts **/
export interface ProfileConfigType {
    title: string
    intro: string
    paddingTop: number
    paddingBottom: number
    marginTop: number
    marginBottom: number
    headerBottom: number
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    titleColor: string
    introColor: string
}

export interface ProfileDataType {
    image: string
    name: string
    layout: string
    textOne: string
    textTow: string
    btnName: string
    nameColor: string
    textColor: string
    btnBgColor: string
    btnTxtColor: string
    marginTop: number
    marginBottom: number
    isLogin: boolean
    isEnable: boolean
    isShowBtn: boolean
    link: Partial<Link>
}

/** 图片组件Ts **/
export interface ImagesConfigType {
    title: string
    intro: string
    paddingTop: number
    paddingBottom: number
    marginTop: number
    marginBottom: number
    headerBottom: number
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    titleColor: string
    introColor: string
}

export interface ImagesDataType {
    url: string
    bgColor: string
    padding: number
    brRadius: number
}

/** 问题组件Ts **/
export interface ProblemConfigType {
    title: string
    intro: string
    paddingTop: number
    paddingBottom: number
    marginTop: number
    marginBottom: number
    headerBottom: number
    bgEdg: number
    bgColorOne: string
    bgColorTow: string
    bgColorThree: string
    titleColor: string
    introColor: string
}

export interface ProblemDataType {
    title: string
    content: string
    brColor: string
    bgColor: string
    titleColor: string
    contentColor: string
    brRadius: number
    isEnable: boolean
}

/** 页脚组件Ts **/
export interface FooterConfigType {
    isShowRigs: boolean
    loginImage: string
    imgUrlOne: string
    imgUrlTow: string
    imgNameOne: string
    imgNameTow: string
    description: string
    bgColor: string
    brColor: string
    rigsColor: string
    linkColor: string
    descColor: string
    someColor: string
}

export interface FooterDataType {
    name: string
    isLogin: boolean
    isEnable: boolean
    link: Partial<Link>
}

/** 页头组件Ts **/
export interface HeaderConfigType {
    logoImage: string
    loginBtnShow: boolean
    loginBtnName: string
    fontsColor: string
    bgColor: string
}

export interface HeaderDataType {
    name: string
    isLogin: boolean,
    isEnable: boolean,
    link: Partial<Link>
}

/** 工具箱 **/
export const Toolbox = [
    // 头部组件
    {
        name: '头部组',
        type: 'header',
        icon: 'el-icon-House',
        config: {
            logoImage: '',
            loginBtnShow: true,
            loginBtnName: '登录注册',
            fontsColor: '#D9E1F0FF',
            bgColor: '#2348F4FF'
        } as HeaderConfigType,
        data: [
            {
                name: 'name',
                isLogin: false,
                isEnable: true,
                link: {}
            }
        ] as HeaderDataType[]
    },
    // 入口组件
    {
        name: '入口组',
        type: 'entrant',
        icon: 'el-icon-MessageBox',
        config: {
            title: 'Title',
            intro: 'Intro',
            image: '',
            paddingTop: 60,
            paddingBottom: 30,
            marginTop: 0,
            marginBottom: 0,
            bgEdg: 180,
            bgColorOne: '#2348F4FF',
            bgColorTow: '#2348F4FF',
            bgColorThree: '#4379FDFF',
            titleColor: '#F0EEEEE8',
            introColor: '#E6E4E4E0'
        } as EntrantConfigType,
        data: [
            {
                name: '免费创建智能体',
                isLogin: true,
                isEnable: true,
                link: {}
            },
            {
                name: '开始对话',
                isLogin: true,
                isEnable: true,
                link: {}
            }
        ] as EntrantDataType[]
    },
    // 能力组
    {
        name: '能力组',
        type: 'faculty',
        icon: 'el-icon-Operation',
        config: {
            title: 'Title',
            intro: 'Intro',
            image: '',
            paddingTop: 60,
            paddingBottom: 30,
            marginTop: 0,
            marginBottom: 0,
            headerBottom: 20,
            bgEdg: 0,
            bgColorOne: '#FFFFFF00',
            bgColorTow: '#FFFFFF00',
            bgColorThree: '#FFFFFF00',
            titleColor: '#313133E6',
            introColor: '#7B7878E0'
        } as FacultyConfigType,
        data: [{
            img: '',
            icon: '',
            name: 'name',
            desc: 'desc',
            more: '了解更多 >',
            nameColor: '#0661BC',
            descColor: '#365189',
            moreColor: '#365189',
            bgColor: '#9EBEFE',
            isLogin: false,
            isEnable: true,
            link: {}
        }] as FacultyDataType[]
    },
    // 优势组
    {
        name: '优势组',
        type: 'feature',
        icon: 'el-icon-Discount',
        config: {
            title: 'Title',
            intro: 'Intro',
            rows: '3',
            image: '',
            paddingTop: 60,
            paddingBottom: 30,
            marginTop: 0,
            marginBottom: 0,
            headerBottom: 20,
            bgEdg: 0,
            bgColorOne: '#4379FDFF',
            bgColorTow: '#4379FDFF',
            bgColorThree: '#E7EAFAFF',
            titleColor: '#EEEEEEFF',
            introColor: '#F2F1F1F5'
        } as FeatureConfigType,
        data: [{
            icon: '',
            name: 'name',
            desc: 'desc',
            more: 'more',
            nameColor: '#214AEBD9',
            descColor: '#999999FF',
            moreColor: '#999999FF',
            bgColor: '#F6F6F6E3',
            isLogin: false,
            isEnable: true,
            link: {}
        }] as FeatureDataType[]
    },
    // 概述组
    {
        name: '概述组',
        type: 'profile',
        icon: 'el-icon-Magnet',
        config: {
            title: 'Title',
            intro: 'Intro',
            image: '',
            paddingTop: 60,
            paddingBottom: 30,
            marginTop: 0,
            marginBottom: 0,
            headerBottom: 20,
            bgEdg: 0,
            bgColorOne: '#FFFFFF00',
            bgColorTow: '#FFFFFF00',
            bgColorThree: '#FFFFFF00',
            titleColor: '#313133E6',
            introColor: '#7B7878E0'
        },
        data: [{
            image: '',
            name: 'AI',
            layout: 'left',
            textOne: 'text one',
            textTow: 'text tow',
            btnName: '进一步了解',
            nameColor: '#214AEBD9',
            textColor: '#999999FF',
            btnBgColor: '#2348F4FF',
            btnTxtColor: '#FFFFFFFF',
            marginTop: 0,
            marginBottom: 0,
            isLogin: true,
            isEnable: true,
            isShowBtn: true,
            link: {}
        }]
    },
    // 图片组
    {
        name: '图片组',
        type: 'images',
        icon: 'el-icon-Picture',
        config: {
            title: 'Title',
            intro: 'Intro',
            image: '',
            paddingTop: 60,
            paddingBottom: 30,
            marginTop: 0,
            marginBottom: 0,
            headerBottom: 20,
            bgEdg: 0,
            bgColorOne: '#FFFFFF00',
            bgColorTow: '#FFFFFF00',
            bgColorThree: '#FFFFFF00',
            titleColor: '#313133E6',
            introColor: '#7B7878E0'
        } as ImagesConfigType,
        data: [{
            url: '',
            padding: 0,
            bgColor: '#9EBEFE'
        }] as ImagesDataType[]
    },
    // 问题组
    {
        name: '问题组',
        type: 'problem',
        icon: 'el-icon-Guide',
        config: {
            title: 'Title',
            intro: 'Intro',
            paddingTop: 60,
            paddingBottom: 30,
            marginTop: 0,
            marginBottom: 0,
            headerBottom: 20,
            bgEdg: 0,
            bgColorOne: '#FFFFFF00',
            bgColorTow: '#FFFFFF00',
            bgColorThree: '#FFFFFF00',
            titleColor: '#313133E6',
            introColor: '#7B7878E0'
        } as ProblemConfigType,
        data: [{
            title: '',
            content: '',
            brColor: '#DDDDDD',
            bgColor: '#FFFFFF',
            titleColor: '#303133',
            contentColor: '#696984',
            brRadius: 16,
            isEnable: true
        }] as ProblemDataType[]
    },
    // 页脚组
    {
        name: '页脚组',
        type: 'footer',
        icon: 'el-icon-Coordinate',
        config: {
            isShowRigs: true,
            loginImage: '',
            imgUrlOne: '',
            imgUrlTow: '',
            imgNameOne: '',
            imgNameTow: '',
            description: '',
            bgColor: '#282B2FFF',
            brColor: '#444444FF',
            rigsColor: '#666666FF',
            linkColor: '#999999FF',
            descColor: '#666666FF',
            someColor: '#FFFFFFFF'
        } as FooterConfigType,
        data: [{
            name: 'link',
            isLogin: false,
            isEnable: true,
            link: {}
        }] as FooterDataType[]
    }
]
